@import "@/assets/styles/universal.less";


.el-menu {
  border-right: transparent !important;
}

.main-container {
  .background-gray-3();

  width: 100vw;
  height: 100vh;

  .header {
    .background-main-1();
    .color-white();


    padding: 10px !important;
    box-shadow: 0px 0px 10px @color-black;

    .app-name {
      font-size: 30px;
    }

    .header-common {
      display: flex;
      align-items: center;
      justify-content: end;
      height: 100%;


      .el-dropdown-link {
        .color-white();

      }
    }
  }

  .center-container {
    height: calc(100% - 100px) !important;

    .menu-container {
      .background-white();

      box-shadow: 0px 5px 10px @color-gray-1;
      height: 100% !important;
      overflow-y: scroll;

      &::-webkit-scrollbar {
        display: none;
      }
    }

    .content-container {
      padding: 10px !important;
      padding-left: 20px !important;

      // 深度选择器 设置Tab 下边距
      ::v-deep .el-tabs__header {
        margin: 0 !important;
      }

      .tabs {
        .background-white();
      }

      .page-container-main {
        .background-white();
        height: calc(100% - 50px);
        padding: 2px;

        .page-container {
          overflow-y: auto;
          height: 100%;
        }


      }
    }

  }

  .footer {
    .background-main-1();
    .color-white();

    box-shadow: 0px 2px 10px @color-black;
    height: 40px !important;
    padding: 10px !important;

  }
}